<!-- 客服弹窗组件 -->
<template>
  <u-popup v-model="show" mode="center">
			<view class="kefuPanel">
        <!-- <view class="avatar">
            <u-image width="320rpx" height="385rpx" src="/static/me/kefu/wode_kefu_bg@2x.png" class="kefu"></u-image>
        </view> -->
        <view class="flex box">
          <view class="flex-c-c">
            <text>微信号 (12674651738)</text>
            <u-image width="218rpx" height="218rpx" src="/static/me/avatar.jpg" class="kefu"></u-image>
            <text class="zixun">微信咨询</text>
          </view>
          <view class="flex-c-c">
            <text>微信号 (12674651738)</text>
            <u-image width="218rpx" height="218rpx" src="/static/me/avatar.jpg" class="kefu"></u-image>
            <text class="zixun">微信咨询</text>
          </view>
        </view>
        
				
			</view>
	</u-popup>
</template>

<script>
export default {
  name:'kefu-popup',
  data () {
    return {

    };
  },
  props: {
    showKefu: {
      type: Boolean,
      default: false
    }
  },

  components: {},

  computed: {
    show:{
      get(){
        return this.showKefu
      },
      set(v){
        console.log('set', v)
        this.showKefu = v
        this.$emit('closePopup', v);
      }
    }
  },

  mounted() {},

  methods: {}
}

</script>
<style lang='scss' scoped>
.kefuPanel {
    width: 640rpx;
    height: 385rpx;
    background-color:transparent;
    // opacity: 0.1;
    // border: 12rpx solid #3699FF;
    border-radius: 20rpx;
    .avatar{
      position: absolute;
      left: 160rpx;
      top:0rpx;
      z-index: 999;
      background-color:rgba(245, 248, 247, 0.1);
    }
    .box {
      background-color: #fff;
      position: absolute;
      left:68rpx;
      bottom: 10rpx;
      height: 400rpx;
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #999999;
      .flex-c-c {
        min-height: 360rpx;
        justify-content: space-around;
        margin-right: 10rpx;
      }
      .zixun {
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #333333;
      }
    }
  }
</style>